<template>
  <div class="GdwyyAppSmallTitle flex-center flex-between fill-w">
    <div class="flex-center" @click="$emit('goDetail')">
      <div class="small-title">{{ title }}</div>
      <img v-if="showArrow" class="arrow" :src="require('../../assets/imgs/reconsitution/icon_xz.png')" />
    </div>
    <div class="dw font-12 color999" v-if="showDw">单位: {{ dwText || '户' }}</div>
  </div>
</template>

<script>
export default {
  name: 'GdwyyAppSmallTitle',
  props: {
    title: {
      type: String,
      default: '总览',
    },
    showDw: {
      type: Boolean,
      default: true,
    },
    showArrow: {
      type: Boolean,
      default: false,
    },
    dwText: {
      type: String,
      default: '户',
    },
  },
  data() {
    return {}
  },

  mounted() {},

  methods: {},
}
</script>

<style lang="less" scoped>
@import '~@assets/less/reconsitution/common.less';
.arrow {
  margin-left: 5px;
  width: 14px;
  height: 14px;
}
</style>